<div class="top-fixed">
    <div class="navbar" style="max-width: 640px;margin: auto;">
        <div class="navbar-inner">
            <div class="left">
                <a href="javascript:history.back();" class=""><i class="fa fa-angle-left" style="font-size: 30px;"></i></a>
            </div>
            <div class="center">{{title}}</div>
            <div class="right">
                <a href="/" class=""><i class="fa fa-home"></i></a>
            </div>
        </div>
    </div>
</div>
<section class="main" style="max-width: 640px;margin: auto;">
    <ul class="list-wrapper list">
        {{#each articles}}
            <li class="mb5">
                <a href="/article?id={{id}}" class="p10 bgf flex-box flex-col-start">
                    <div class="flex-grow-0 m-col-25">
                        <div class="item-pic">
                            {{#if image}}
                                <img src="{{image}}?imageView2/1/w/150/h/150/q/75" alt="">
                            {{/if}}
                        </div>
                    </div>
                    <div class="pl10 flex-self-stretch flex-box flex-col flex-between flex-col-stretch hidden">
                        <div>
                            <p class="fs14 col0 single-line">{{title}}</p>
                            <p class="multi-line col9 fs12" style="-webkit-line-clamp: 3;">{{description}}</p>
                        </div>
                        <div class="flex-box flex-between fs13 col3">
                            <p></p>
                            <span class="col9 fs10">{{format_date created_at}}</span>
                        </div>
                    </div>
                </a>
            </li>
        {{/each}}
    </ul>

    <div class="loadmore-wrapper loadmore" style="margin: 10px;">
        {{#if loadmore}}
            <div class="weui-infinite-scroll">
                <div class="infinite-preloader"></div>
                正在加载...
            </div>
        {{/if}}
    </div>
</section>